var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');


ctx.fillStyle = "#00BB00";
ctx.fillRect(0, 0, 800, 200);

ctx.fillStyle = "#FFFFFF";

var d1x = 20;
var d1y = 130;

var d2x = 90;
var d2y = 130;


ctx.save();

ctx.translate(d1x+25, d1y+25);
ctx.rotate(Math.PI / 16);
ctx.fillRect(-25,-25, 50,50);

ctx.restore();

ctx.fillRect(d2x,d2y, 50,50);

function roll() {
    
}
    
    
    


  